﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html>
<head>
	<style>		
		body { 
			font-size: 12px; 
			font-family: Arial; 
		}
		.code {
			padding: 2px;
			font-weight: bold;
			color: red;
			background-color: #F0F8FF;
		}
		.block1 { 
			width: 100px; 
			border: 1px solid green;
			margin-top: 10px;
			overflow: hidden;
		}
	</style>
	<script type="text/javascript" src="../code/jquery-1.3.2.js"></script>
	<script type="text/javascript" src="../code/hardhyphenation.js"></script>
</head>
<body>
	<h4>
		<span>1. Hyphenation using &lt;wbr&gt; tag (zero-width space). Invocation is as follows: </span>
		<span class="code">Hyphenation.run('H', {0:'#block1'});</span>
		<button onclick="Hyphenation.run('H', {0:'#block1'});">Run hyphenation!</button>
	</h4>
	
	<h4>
		<span>2. Hyphenation using &lt;shy&gt; tag (soft hyphen char). Invocation is as follows: </span>	
		<span class="code">Hyphenation.run('S', {0:'#block1'});</span>
		<button onclick="Hyphenation.run('S', {0:'#block1'});">Run hyphenation!</button>
	</h4>
	
	<div id="block1" class="block1">
		WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
	</div>
</body>
</html>